<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title></title>
    <link href="selectboxnew.css" rel="stylesheet"/>
    <script src="jquery.js"></script>
    <script src="jquery.selectbox.min.js"></script>


    <script>
        (function ($) {
            $(function () {

                $('select').selectbox();

                $('#add').click(function (e) {
                    $(this).parents('div.section').append('<br /><br /><select><option>-- Выберите --</option><option>Пункт 1</option><option>Пункт 2</option><option>Пункт 3</option><option>Пункт 4</option><option>Пункт 5</option></select>');
                    $('select').selectbox();
                    e.preventDefault();
                })

                $('#add2').click(function (e) {
                    var options = '';
                    for (i = 1; i <= 5; i++) {
                        options += '<option>Option ' + i + '</option>';
                    }
                    $(this).parents('div.section').find('select').each(function () {
                        $(this).append(options);
                    })
                    $('select').trigger('refresh');
                    e.preventDefault();
                })

                $('#che').click(function (e) {
                    $(this).parents('div.section').find('option:nth-child(5)').attr('selected', true);
                    $('select').trigger('refresh');
                    e.preventDefault();
                })

            })
        })(jQuery)
    </script>
</head>

<body>

<div class="section categories">
    <select>
        <option>-- Выберите --</option>
        <option>Пункт 11</option>
        <option>Пункт 12</option>
        <option>Пункт 13</option>
        <option>Пункт 14</option>
        <option>Пункт 15</option>
        <option>Пункт 16</option>
    </select>
</div>

</body>
</html>